<template>
  <div class="detail">
    <xlfswiper :list="picList"></xlfswiper>
    <xlflist
      :title="title"
      :subhead="subhead"
      :dlist="list"
      :dline="line"
    ></xlflist>
    <xlfpagination @getpage="getpage" :total="total"></xlfpagination>
  </div>
</template>

<script>
import xlflist from "../components/xlflist";
import xlfpagination from '../components/xlfpagination';
import xlfswiper from '../components/xlfswiper';
export default {
  name: "detail",
  data() {
    return {
      title: "富贵心课程",
      subhead: "愿你成为一个精气神饱满的谦谦君子",
      picList:[
        {img:require("../assets/images/bannerdetail.png")}
        ],
      list: [
        {
          img: require("../assets/images/pic1.png"),
          title: "年轻人，不要透支未来",
          subhead:
            "不要借贷，不要买股票，不要买彩票， 不要做传销，不要占别人便宜",
        },
        {
          img: require("../assets/images/pic2.png"),
          title: "君子爱才，取之有道",
          subhead:
            "不要借贷，不要买股票，不要买彩票， 不要做传销，不要占别人便宜",
        },
        {
          img: require("../assets/images/pic3.png"),
          title: "愿力的力量",
          subhead:
            "不要借贷，不要买股票，不要买彩票， 不要做传销，不要占别人便宜",
        },
        {
          img: require("../assets/images/pic4.png"),
          title: "为别人发愿，终得圆满",
          subhead:
            "不要借贷，不要买股票，不要买彩票， 不要做传销，不要占别人便宜",
        },
        {
          img: require("../assets/images/pic5.png"),
          title: "爱财富，财富才会爱你",
          subhead:
            "不要借贷，不要买股票，不要买彩票， 不要做传销，不要占别人便宜",
        },
        {
          img: require("../assets/images/pic6.png"),
          title: "你还不珍惜0添加吗",
          subhead:
            "不要借贷，不要买股票，不要买彩票， 不要做传销，不要占别人便宜",
        },
        {
          img: require("../assets/images/pic7.png"),
          title: "精气神饱满的重要性",
          subhead:
            "不要借贷，不要买股票，不要买彩票， 不要做传销，不要占别人便宜",
        },
        {
          img: require("../assets/images/pic8.png"),
          title: "我们推荐百日筑基",
          subhead:
            "不要借贷，不要买股票，不要买彩票， 不要做传销，不要占别人便宜"
        },
      ],
      line: 4,
      total:20,
    };
  },
  components: {
    xlflist,
    xlfpagination,
    xlfswiper
  },
  methods:{
    getpage(page){
      console.log(page)
    }
  }
};
</script>
<style lang="less" scoped>
</style>
